<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <!--引入第三方css框架-->
    <link rel="stylesheet" href="../lib/bootstrap/css/bootstrap.css">
    <!--引入初始化css样式文件-->
    <link rel="stylesheet" href="../css/base.css">
    <!-- 引入比较搜索页css样式文件 -->
    <link rel="stylesheet" href="../css/compare.css">

</head>

<body>
    <!--头部-->
    <header id="header">
        <a class="logo" href="../index.html">
            <img src="../images/header_logo.png" alt="">
        </a>
        <a class="app" href="">
            <img src="../images/header_app.png" alt="">
        </a>
    </header>
    <!--搜索框-->
    <section id="search">
        <form action="">
            <input type="search" placeholder="请输入你想比价的商品">
            <input type="submit" value="搜索">
        </form>
    </section>
    <!-- 商品分类 -->
    <section id="category">
        <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
            <!-- <div class="panel panel-default">
                <div class="panel-heading" role="tab" id="heading0">
                    <h4 class="panel-title">
                        <a data-toggle="collapse" data-titleid="0" data-parent="#accordion" href="#collapse0"
                            aria-expanded="false" aria-controls="collapse0" class="collapsed">
                            大 家 电
                        </a>
                    </h4>
                </div>
                <div id="collapse0" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading0"
                    aria-expanded="false" style="height: 0px;">
                    <div class="panel-body">
                        <div class="row">
                             <div class="col-xs-4">
                                <a href="productlist.html?categoryid=0&amp;category=电视">电</a>
                            </div>
                            <div class="col-xs-4"> 
                                <a href="productlist.html?categoryid=1&amp;category=空调">空</a>
                            </div>

                            <div class="col-xs-4"> 
                                <a href="productlist.html?categoryid=2&amp;category=影院">影</a>
                            </div>

                            <div class="col-xs-4"> 
                                <a href="productlist.html?categoryid=3&amp;category=冰箱">冰</a>
                            </div>

                            <div class="col-xs-4"> 
                                <a href="productlist.html?categoryid=4&amp;category=DVD">DVD</a>
                            </div>

                            <div class="col-xs-4"> 
                                <a href="productlist.html?categoryid=5&amp;category=音响/音箱"></a>音响/音箱</a>
                            </div>

                            <div class="col-xs-4"> 
                                <a href="productlist.html?categoryid=6&amp;category=洗衣机">洗衣机</a>
                            </div>

                            <div class="col-xs-4"> 
                                <a href="productlist.html?categoryid=7&amp;category=热水器">热水器</a>
                            </div>

                            <div class="col-xs-4"> 
                                <a href="productlist.html?categoryid=8&amp;category=酒柜/冰吧/冷柜">酒柜/冰吧/冷柜</a>
                            </div>

                            <div class="col-xs-4"> 
                                <a href="productlist.html?categoryid=9&amp;category=消毒柜/洗碗机">消毒柜/洗碗机</a>
                            </div> 
                        </div>
                    </div>
                </div>
            </div> -->
        </div>
    </section>

    <!--尾部区域-->
    <footer id="footer">
        <div class="row">
            <div class="col-xs-4">
                <a href="">登录</a>
            </div>
            <div class="col-xs-4">
                <a href="">注册</a>
            </div>
            <div class="col-xs-4">
                <a href="#"><img src="../images/top.jpg" alt="">返回顶部</a>
            </div>
        </div>
        <p><a href="">手机app下载 </a><a href="">慢慢买手机版 </a> -- 掌上比价平台</p>
        <p>m.manmanbuy.com </p>
    </footer>
</body>
<!-- 商品分类模版 -->
<script type='text/html' id='comPare'>
    {{each result as value index}}
    <div class="panel panel-default">
            <div class="panel-heading" role="tab" id="heading{{index}}">
                <h4 class="panel-title">
                    <a data-toggle="collapse" data-titleid="{{value.titleId}}" data-parent="#accordion" href="#collapse{{index}}"
                        aria-expanded="true" aria-controls="collapse{{index}}">
                        {{value.title}}
                    </a>
                </h4>
            </div>
            <div id="collapse{{index}}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading{{index}}">
                <div class="panel-body">
                    <div class="row">
                        
                    </div>
                </div>
            </div>
        </div>
        {{/each}}
</script>

<!-- 商品分类列表模版 -->

<script type='text/html' id='compareList'>
    {{each result as value index}}
    <div class="col-xs-4"> <a href="productlist.html?categoryid={{value.categoryId}}&category={{value.category}}">{{value.category}}</a></div>
    {{/each}}
</script>


<!-- 引入JQ文件 -->
<script src="../lib/jquery/jquery.js"></script>
<!-- 引入 bootstrap框架-->
<script src="../lib/bootstrap/js/bootstrap.js"></script>
<!-- 引入模版js文件 -->
<script src="../js/template.js"></script>
<!-- 引入当前页面js文件 -->
<script src="../js/category.js"></script>


</html>